<template>
    <div>
        <Tabbar></Tabbar>
        <div>
            <!--<div class="list-h-eTc_0">-->
                <!--<a href="/org/department/manage" class="active link-3OdZf_0">组织管理</a>-->
                <!--<a href="/org/department/chart" class="link-3OdZf_0">组织架构图</a>-->
            <!--</div>-->
            <div class="main-1udZ4_0">
                <div class="home-_2PV8_0">
                    <el-button type="success" size="small" plain @click="handleAdd">添加员工</el-button>
                </div>
                <div>
                    <el-table
                        :data="tableData"
                        style="width: 100%">
                        <el-table-column
                            prop="date"
                            label="日期"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="name"
                            label="姓名"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            label="地址">
                        </el-table-column>
                    </el-table>
                </div>

            </div>
        </div>
    </div>
</template>

<script>
    import Tabbar from '../../components/Tabbar'
    export default {
        name: "UserList",
        data() {
            return {
                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1517 弄'
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄'
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1516 弄'
                }]
            }
        },
        components: {
            Tabbar
        },
        methods: {
            handleAdd() {
                this.$router.push({path:"add"});
            }
        }
    }
</script>

<style scoped>



    .list-h-eTc_0 {
        padding: 0 12px;
        box-shadow: 0 5px 12px -3px rgba(221, 222, 225, 0.5);
    }

    .link-3OdZf_0 {
        font-size: 14px;
        margin: 0 20px;
        color: #80848f;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
        display: inline-block;
    }

    .main-1udZ4_0 {
        padding: 0 32px 32px;
    }

    .home-_2PV8_0 {
        margin-top: 16px;
        margin-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

</style>
